<?xml version="1.0" encoding="UTF-8"?>
<!--
    Document   : Page2
    Created on : 3/03/2014, 11:14:48 AM
    Author     : RVGRFD85
-->
<jsp:root version="2.1" xmlns:f="http://java.sun.com/jsf/core" xmlns:h="http://java.sun.com/jsf/html" xmlns:ice="http://www.icesoft.com/icefaces/component" xmlns:jsp="http://java.sun.com/JSP/Page">
    <jsp:directive.page contentType="text/html;charset=UTF-8" pageEncoding="UTF-8"/>
    <f:view>
        <html id="outputHtml1">
            <head id="outputHead1">
                <style>
                    body{
                        background:#ccc url(images/fondito21.png) repeat top left;
                        font-family:Arial;
                    }
                    table.tabla{
                        width:1300px;
                        -webkit-border-radius: 30px;
                        -moz-border-radius: 30px;
                        border-radius: 30px;
                    }
                    table.pie{
                        border:0;
                        width:1300px;
                        -webkit-border-radius: 10px;
                        -moz-border-radius: 10px;
                        border-radius: 10px;
                    }
                    p{
                        color:#fff;
                    }
                    span.reference{
                        position:fixed;
                        left:10px;
                        bottom:10px;
                        font-size:12px;
                    }
                    span.reference a{
                        color:#fff;
                        text-transform:uppercase;
                        text-decoration:none;
                        text-shadow:1px 1px 1px #000;
                        margin-right:30px;
                    }
                    span.reference a:hover{
                        color:#fff;
                    }

                    div.centrar {
                        position:absolute;
                    }

            </style>
                <ice:outputStyle href="./resources/stylesheet.css" id="outputStyle1"/>
                <ice:outputStyle href="./resources/style.css" id="outputStyle2"/>
            </head>
            <body id="outputBody1" style="-rave-layout: grid">
                <table align="center" class="tabla" style="background:url('./images/fondo_encabezado.png') no-repeat top center" width="1300px">
                    <tr>
                        <td align="center">
                            <br/>
                            <br/>
                            <img height="140" src="./images/Encabezado2.png" width="1200"/>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <ice:outputLabel id="outputLabel51" style="position: relative; text-align: center" value="#{SessionBean1.labelGlobalDataUser}"/>
                        </td>
                    </tr>
                </table>
                <table align="center" class="tabla" style="background:url('./images/metalico.jpg')">
                    <tr>
                        <td align="center" style="width: 1296px">
                            <img src="./images/SCC.png"/>
                        </td>
                    </tr>
                    <tr>
                        <td align="center">
                            <form>
                                <div id="radio">
                                    <input checked="checked" id="radio1" name="radio" onclick="fullEntrada();" type="radio"/>
                                    <label for="radio1">ENTRADA</label>
                                    <input id="radio2" name="radio" onclick="fullSalida();" type="radio"/>
                                    <label for="radio2">SALIDA</label>
                                </div>
                            </form>
                        </td>
                    </tr>
                    <tr>
                        <td align="center">
                            <div align="center" class="content">
                                <ul class="sdt_menu" id="sdt_menu">
                                    <li>
                                        <a onclick="AbrirFormularioOficioExterno();">
                                            <img src="./images/nuevo.png"/>
                                            <span class="sdt_active"></span>
                                            <span class="sdt_wrap">
                                                <span class="sdt_link">Recibir</span>
                                                <span class="sdt_descr">Oficio Externo</span>
                                            </span>
                                        </a>
                                    </li>
                                    <li>
                                        <a onclick="AbrirFormularioInternoAqui();">
                                            <img src="./images/nuevo.png"/>
                                            <span class="sdt_active"></span>
                                            <span class="sdt_wrap">
                                                <span class="sdt_link">Recibir</span>
                                                <span class="sdt_descr">Oficio Interno</span>
                                            </span>
                                        </a>
                                    </li>
                                    <li>
                                        <a onclick="AbrirFormularioDependenciaForanea();">
                                            <img src="./images/nuevo.png"/>
                                            <span class="sdt_active"></span>
                                            <span class="sdt_wrap">
                                                <span class="sdt_link">Enviar</span>
                                                <span class="sdt_descr">Oficio Externo</span>
                                            </span>
                                        </a>
                                    </li>
                                    <li>
                                        <a onclick="AbrirFormularioOficioInterno();">
                                            <img src="./images/nuevo.png"/>
                                            <span class="sdt_active"></span>
                                            <span class="sdt_wrap">
                                                <span class="sdt_link">Enviar</span>
                                                <span class="sdt_descr">Oficio Interno</span>
                                            </span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./images/cancelar.png"/>
                                            <span class="sdt_active"></span>
                                            <span class="sdt_wrap">
                                                <span class="sdt_link">Cancelar</span>
                                                <span class="sdt_descr">Oficio</span>
                                            </span>
                                        </a>
                                    </li>
                                    <li>
                                        <a onclick="cerrarSesion();">
                                            <img src="./images/sesion.png"/>
                                            <span class="sdt_active"></span>
                                            <span class="sdt_wrap">
                                                <span class="sdt_link">Cerrar</span>
                                                <span class="sdt_descr">Cerrar Sesi�n</span>
                                            </span>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td height="60px"></td>
                    </tr>
                    <tr>
                        <td align="center" height="500px" valign="top">
                            <ice:form id="form2">
                                <ice:dataTable id="dataTable1" rows="20" sortAscending="#{dataTableSort.ascending}" sortColumn="#{dataTableSort.columnName}"
                                    value="#{Page2.listaOficios}" var="currentRow">
                                    <ice:column id="column1" style="width: 100px">
                                        <ice:outputText id="outputText1" value="#{currentRow.noOficio}"/>
                                        <f:facet name="header">
                                            <ice:outputText id="outputText2" value="No. Oficio"/>
                                        </f:facet>
                                    </ice:column>
                                    <ice:column id="column7">
                                        <ice:outputText id="outputText14" value="#{currentRow.fechaCap}"/>
                                        <f:facet name="header">
                                            <ice:outputText id="outputText13" value="Fecha Captura"/>
                                        </f:facet>
                                    </ice:column>
                                    <ice:column id="column2" style="width: 150px">
                                        <ice:outputText id="outputText3" value="#{currentRow.asuntos.asuntos}"/>
                                        <f:facet name="header">
                                            <ice:outputText id="outputText4" value="Asunto"/>
                                        </f:facet>
                                    </ice:column>
                                    <ice:column id="column3" style="width: 250px">
                                        <ice:outputText id="outputText5" value="#{currentRow.dependencias.dependencia}"/>
                                        <f:facet name="header">
                                            <ice:outputText id="outputText6" value="Dependencia"/>
                                        </f:facet>
                                    </ice:column>
                                    <ice:column id="column5" style="width: 150px">
                                        <ice:outputText id="outputText9" value="#{currentRow.nombre}"/>
                                        <f:facet name="header">
                                            <ice:outputText id="outputText10" value="Nombre de Remitente"/>
                                        </f:facet>
                                    </ice:column>
                                    <ice:column id="column6" style="width: 140px">
                                        <ice:outputText id="outputText11" value="#{currentRow.cargo}"/>
                                        <f:facet name="header">
                                            <ice:outputText id="outputText12" value="Cargo"/>
                                        </f:facet>
                                    </ice:column>
                                    <ice:column id="column8" style="width: 100px">
                                        <ice:outputText id="outputText116" value="#{currentRow.prioridad}"/>
                                        <f:facet name="header">
                                            <ice:outputText id="outputText115" value="Prioridad"/>
                                        </f:facet>
                                    </ice:column>
                                    <ice:column id="column4" style="width: 30px; text-align: center;">
                                        <f:facet name="header">
                                            <ice:outputText id="outputText20" value="Opciones"/>
                                        </f:facet>
                                        <ice:commandLink id="commandLink2">
                                            <ice:graphicImage id="graphicImage9" style="border:none;width:20px;height:20px;" title="Detalles" url="/images/imprimir.png"/>
                                        </ice:commandLink>
                                    </ice:column>
                                </ice:dataTable>
                                <ice:dataPaginator fastStep="2" for="dataTable1" id="dataPaginator1" paginator="true" paginatorMaxPages="5" rowsCountVar="2">
                                    <f:facet name="first">
                                        <ice:graphicImage alt="First" id="graphicImage1" style="width: 18px; height: 18px; border: none;" title="First" url="./xmlhttp/css/xp/css-images/arrow-first.gif"/>
                                    </f:facet>
                                    <f:facet name="last">
                                        <ice:graphicImage alt="Last" id="graphicImage2" style="width: 18px; height: 18px; border: none;" title="Last" url="./xmlhttp/css/xp/css-images/arrow-last.gif"/>
                                    </f:facet>
                                    <f:facet name="previous">
                                        <ice:graphicImage alt="Previous" id="graphicImage3" style="width: 18px; height: 18px; border: none;" title="Previous" url="./xmlhttp/css/xp/css-images/arrow-previous.gif"/>
                                    </f:facet>
                                    <f:facet name="next">
                                        <ice:graphicImage alt="Next" id="graphicImage4" style="width: 18px; height: 18px; border: none;" title="Next" url="./xmlhttp/css/xp/css-images/arrow-next.gif"/>
                                    </f:facet>
                                    <f:facet name="fastforward">
                                        <ice:graphicImage alt="Fast Forward" id="graphicImage5" style="width: 18px; height: 18px; border: none;"
                                            title="Fast Forward" url="./xmlhttp/css/xp/css-images/arrow-ff.gif"/>
                                    </f:facet>
                                    <f:facet name="fastrewind">
                                        <ice:graphicImage alt="Fast Rewind" id="graphicImage6" style="width: 18px; height: 18px; border: none;"
                                            title="Fast Rewind" url="./xmlhttp/css/xp/css-images/arrow-fr.gif"/>
                                    </f:facet>
                                </ice:dataPaginator>
                                <ice:panelPopup autoCentre="true" draggable="true" id="panelPopup2" modal="true" rendered="#{SessionBean1.ventanaAlert}" style="display: block; height: 149px; visibility: hidden; width: 350px">
                                    <f:facet name="header">
                                        <ice:panelGrid id="panelGrid3" style="display: block; height: 20px" width="264">
                                            <ice:outputText id="outputText14" value="#{SessionBean1.tituloAlert}"/>
                                            <ice:commandButton action="#{Page2.button5_action}" id="button5" image="/images/icons/close.png" style="height: 15px; left: 320px; top: 3; position: absolute; width: 15px"/>
                                        </ice:panelGrid>
                                    </f:facet>
                                    <f:facet name="body">
                                        <ice:panelGrid id="panelGrid4" style="display:block;width:180px;height:80px;">
                                            <ice:panelLayout id="panelLayout4">
                                                <ice:graphicImage height="72" id="graphicImage7" style="top:-30px;left:15px;position:absolute;"
                                                    value="/images/alert.png" width="72"/>
                                                <ice:outputText id="outputText15"
                                                    style="font-family: 'Arial','Helvetica',sans-serif; font-size: 12px; height: 90px; left: 120px; top: -30px; position: absolute; width: 190px" value="#{SessionBean1.msgAlert}"/>
                                            </ice:panelLayout>
                                        </ice:panelGrid>
                                    </f:facet>
                                </ice:panelPopup>
                                <ice:panelPopup autoCentre="true" draggable="true" id="panelPopup5" modal="true" rendered="#{SessionBean1.ventanaError}" style="display: block; height: 149px; visibility: hidden; width: 350px">
                                    <f:facet name="header">
                                        <ice:panelGrid id="panelGrid9" style="display: block; height: 20px" width="264">
                                            <ice:outputText id="outputText18" value="#{SessionBean1.tituloAlert}"/>
                                            <ice:commandButton action="#{Page2.button19_action}" id="button19" image="/images/icons/close.png" style="height: 15px; left: 320px; top: 3; position: absolute; width: 15px"/>
                                        </ice:panelGrid>
                                    </f:facet>
                                    <f:facet name="body">
                                        <ice:panelGrid id="panelGrid10" style="display:block;width:180px;height:80px;">
                                            <ice:panelLayout id="panelLayout5">
                                                <ice:graphicImage height="72" id="graphicImage8" style="top:-30px;left:15px;position:absolute;"
                                                    url="/images/error.png" value="/images/alert.png" width="72"/>
                                                <ice:outputText id="outputText19"
                                                    style="font-family: 'Arial','Helvetica',sans-serif; font-size: 12px; height: 90px; left: 120px; top: -30px; position: absolute; width: 190px" value="#{SessionBean1.msgAlert}"/>
                                            </ice:panelLayout>
                                        </ice:panelGrid>
                                    </f:facet>
                                </ice:panelPopup>
                                <ice:panelPopup autoCentre="true" draggable="true" id="panelPopup1" modal="true" rendered="#{Page2.panelNuevoOficio}" style="background-color: rgb(221, 221, 221); height: 526px; visibility: hidden; width: 622px">
                                    <f:facet name="header">
                                        <ice:panelGrid id="panelGrid1" style="display: block; height: 20px" width="624">
                                            <ice:outputText id="outputText13" value="Registro de Oficio Externo"/>
                                            <ice:commandButton action="#{Page2.button1_action}" id="button1" image="/images/icons/close.png" style="height: 15px; left: 600px; top: 3; position: absolute; width: 15px"/>
                                        </ice:panelGrid>
                                    </f:facet>
                                    <f:facet name="body">
                                        <ice:panelGrid id="panelGrid2" style="display:block;width:100%;height:95%;">
                                            <ice:panelLayout id="panelLayout1" layout="flow" style="font-size: 11px; height: 143px; width: 500px; -rave-layout: grid">
                                                <ice:inputTextarea id="inputTextarea1"
                                                    style="height: 72px; left: -2px; top: 310px; position: absolute; width: 600px" value="#{Page2.oficioExterno.descripcion}"/>
                                                <ice:outputLabel id="outputLabel1" style="left: 0px; top: 24px; position: absolute" value="Numero de oficio"/>
                                                <ice:outputLabel id="outputLabel2" style="left: 216px; top: 24px; position: absolute; width: 190px" value="Fecha Recepcion"/>
                                                <ice:outputLabel id="outputLabel3" style="left: 432px; top: 24px; position: absolute; width: 166px" value="Fecha de captura"/>
                                                <ice:outputLabel id="outputLabel4" style="left: 0px; top: 72px; position: absolute; width: 192px" value="Asunto"/>
                                                <ice:inputText id="inputText1" style="left: -2px; top: 46px; position: absolute; width: 192px" value="#{Page2.oficioExterno.noOficio}"/>
                                                <ice:selectOneMenu id="selectOneMenu1" style="left: -2px; top: 94px; position: absolute; width: 360px" value="#{Page2.unAsunto.idAsunto}">
                                                    <f:selectItems id="selectOneMenu1selectItems1" value="#{Page2.selectOneMenu1DefaultItems}"/>
                                                </ice:selectOneMenu>
                                                <ice:outputLabel id="outputLabel5"
                                                    style="font-weight: bold; left: 0px; top: 0px; position: absolute; text-align: center; width: 598px" value=" DATOS GENERALES"/>
                                                <ice:outputLabel id="outputLabel6"
                                                    style="font-weight: bold; left: 0px; top: 144px; position: absolute; text-align: center; width: 598px" value="DATOS DE PROCEDENCIA"/>
                                                <ice:outputLabel id="outputLabel7" style="left: 0px; top: 168px; position: absolute" value="Nombre Remitente"/>
                                                <ice:inputText id="inputText2" style="left: -2px; top: 190px; position: absolute; width: 264px" value="#{Page2.oficioExterno.nombre}"/>
                                                <ice:outputLabel id="outputLabel8" style="left: 312px; top: 168px; position: absolute" value="Cargo"/>
                                                <ice:inputText id="inputText3" style="left: 310px; top: 190px; position: absolute; width: 288px" value="#{Page2.oficioExterno.cargo}"/>
                                                <ice:outputLabel id="outputLabel9" style="left: 0px; top: 216px; position: absolute" value="Estado"/>
                                                <ice:outputLabel id="outputLabel10" style="left: 312px; top: 216px; position: absolute" value="Dependencia"/>
                                                <ice:selectOneMenu id="selectOneMenu2" partialSubmit="true"
                                                    style=" left: -2px; top: 238px; position: absolute; width: 264px" value="#{Page2.estado}" valueChangeListener="#{Page2.selectOneMenu2_processValueChange}">
                                                    <f:selectItems id="selectOneMenu2selectItems1" value="#{Page2.selectOneMenu2DefaultItems}"/>
                                                </ice:selectOneMenu>
                                                <ice:selectOneMenu id="selectOneMenu3" style="left: 310px; top: 238px; position: absolute; width: 288px" value="#{Page2.unaDependencia.idDependencia}">
                                                    <f:selectItems id="selectOneMenu3selectItems1" value="#{Page2.selectOneMenu3DefaultItems}"/>
                                                </ice:selectOneMenu>
                                                <ice:outputLabel id="outputLabel11" style="left: 0px; top: 288px; position: absolute; width: 216px" value="Descripción"/>
                                                <ice:commandButton action="#{Page2.button2_action}" id="button2" image="/images/icons/red-save.png"
                                                    style="height: 72px; left: 192px; top: 408px; position: absolute; width: 72px" value="submit"/>
                                                <ice:commandButton action="#{Page2.button4_action}" id="button4" image="/images/icons/cancelar.png"
                                                    partialSubmit="false" style="height: 72px; left: 336px; top: 408px; position: absolute; width: 72px" value="submit"/>
                                                <ice:selectInputDate id="selectInputDate5" renderAsPopup="true"
                                                    style="height: 22px; left: 216px; top: 48px; position: absolute; width: 214px" value="#{Page2.oficioExterno.fechaRecepcion}"/>
                                                <ice:outputLabel id="outputLabel12"
                                                    style="height: 18px; left: 432px; top: 48px; position: absolute; width: 166px" value="#{Page2.fechastr}"/>
                                                <ice:selectOneRadio id="selectOneRadio1" partialSubmit="true" required="true"
                                                    style="left: 192px; top: 288px; position: absolute; width: 240px"
                                                    value="#{Page2.selectOneRadio1Bean.selectedObject}" valueChangeListener="#{Page2.valueChange}">
                                                    <f:selectItem itemLabel="Normal" itemValue="1"/>
                                                    <f:selectItem itemLabel="Urgente" itemValue="2"/>
                                                    <f:selectItem itemLabel="Extra Urgente" itemValue="3"/>
                                                </ice:selectOneRadio>
                                                <ice:selectInputDate id="selectInputDate2" renderAsPopup="true" rendered="#{Page2.fechaVisible}"
                                                    style="height: 22px; left: 432px; top: 288px; position: absolute; width: 190px" value="#{Page2.oficioExterno.fecha_prioridad}"/>
                                            </ice:panelLayout>
                                        </ice:panelGrid>
                                    </f:facet>
                                </ice:panelPopup>
                                <ice:panelPopup autoCentre="true" draggable="true" id="panelPopup3" modal="true" rendered="#{Page2.panelNuevoOficioSalida}" style="background-color: rgb(221, 221, 221); height: 526px; visibility: hidden; width: 622px">
                                    <f:facet name="header">
                                        <ice:panelGrid id="panelGrid5" style="display: block; height: 20px" width="624">
                                            <ice:outputText id="outputText16" value="Redactar Oficio a Dependencia Externa"/>
                                            <ice:commandButton action="#{Page2.button8_action}" id="button8" image="/images/icons/close.png" style="height: 15px; left: 600px; top: 3; position: absolute; width: 15px"/>
                                        </ice:panelGrid>
                                    </f:facet>
                                    <f:facet name="body">
                                        <ice:panelGrid id="panelGrid6" style="display:block;width:100%;height:95%;">
                                            <ice:panelLayout id="panelLayout2" layout="flow" style="font-size: 11px; height: 143px; width: 500px; -rave-layout: grid">
                                                <ice:inputTextarea id="inputTextarea2"
                                                    style="height: 72px; left: -2px; top: 310px; position: absolute; width: 600px" value="#{Page2.oficioExterno.descripcion}"/>
                                                <ice:outputLabel id="outputLabel13" style="left: 0px; top: 24px; position: absolute" value="Numero de oficio"/>
                                                <ice:outputLabel id="outputLabel14" style="left: 72px; top: 48px; position: absolute; width: 70px" value="#{Page2.complementoOficio}"/>
                                                <ice:outputLabel id="outputLabel15"
                                                    style="height: 18px; left: 432px; top: 24px; position: absolute; width: 166px" value="Fecha de captura"/>
                                                <ice:outputLabel id="outputLabel16" style="left: 0px; top: 72px; position: absolute; width: 192px" value="Asunto"/>
                                                <ice:inputText id="inputText4" style="left: -2px; top: 46px; position: absolute; width: 72px" value="#{Page2.oficioExterno.noOficio}"/>
                                                <ice:selectOneMenu id="selectOneMenu4" style="left: -2px; top: 94px; position: absolute; width: 360px" value="#{Page2.unAsunto.idAsunto}">
                                                    <f:selectItems id="selectOneMenu4selectItems2" value="#{Page2.selectOneMenu4DefaultItems}"/>
                                                </ice:selectOneMenu>
                                                <ice:outputLabel id="outputLabel17"
                                                    style="font-weight: bold; left: 0px; top: 0px; position: absolute; text-align: center; width: 598px" value=" DATOS GENERALES"/>
                                                <ice:outputLabel id="outputLabel18"
                                                    style="font-weight: bold; left: 0px; top: 144px; position: absolute; text-align: center; width: 598px" value="DATOS DE ENVIO"/>
                                                <ice:outputLabel id="outputLabel19" style="left: 0px; top: 168px; position: absolute; width: 168px" value="Nombre Destinatario"/>
                                                <ice:inputText id="inputText5" style="left: -2px; top: 190px; position: absolute; width: 264px" value="#{Page2.oficioExterno.nombre}"/>
                                                <ice:outputLabel id="outputLabel20" style="left: 312px; top: 168px; position: absolute" value="Cargo"/>
                                                <ice:inputText id="inputText6" style="left: 310px; top: 190px; position: absolute; width: 288px" value="#{Page2.oficioExterno.cargo}"/>
                                                <ice:outputLabel id="outputLabel21" style="left: 0px; top: 216px; position: absolute" value="Estado"/>
                                                <ice:outputLabel id="outputLabel22" style="left: 312px; top: 216px; position: absolute" value="Dependencia"/>
                                                <ice:selectOneMenu id="selectOneMenu5" partialSubmit="true"
                                                    style=" left: -2px; top: 238px; position: absolute; width: 264px" value="#{Page2.estado}" valueChangeListener="#{Page2.selectOneMenu5_processValueChange}">
                                                    <f:selectItems id="selectOneMenu5selectItems2" value="#{Page2.selectOneMenu5DefaultItems}"/>
                                                </ice:selectOneMenu>
                                                <ice:selectOneMenu id="selectOneMenu6" style="left: 310px; top: 238px; position: absolute; width: 288px" value="#{Page2.unaDependencia.idDependencia}">
                                                    <f:selectItems id="selectOneMenu6selectItems2" value="#{Page2.selectOneMenu6DefaultItems}"/>
                                                </ice:selectOneMenu>
                                                <ice:outputLabel id="outputLabel23" style="left: 0px; top: 288px; position: absolute; width: 216px" value="Descripción"/>
                                                <ice:commandButton action="#{Page2.button9_action}" id="button9" image="/images/icons/red-save.png"
                                                    style="height: 72px; left: 192px; top: 408px; position: absolute; width: 72px" value="submit"/>
                                                <ice:commandButton action="#{Page2.button11_action}" id="button11" image="/images/icons/cancelar.png"
                                                    style="height: 72px; left: 336px; top: 408px; position: absolute; width: 72px" value="submit"/>
                                                <ice:outputLabel id="outputLabel24"
                                                    style="height: 18px; left: 432px; top: 48px; position: absolute; width: 166px" value="#{Page2.fechastr}"/>
                                                <ice:selectOneRadio id="selectOneRadio2" partialSubmit="true" required="true"
                                                    style="left: 192px; top: 288px; position: absolute; width: 240px"
                                                    value="#{Page2.selectOneRadio2Bean.selectedObject}" valueChangeListener="#{Page2.selectOneRadio2_processValueChange}">
                                                    <f:selectItem itemLabel="Normal" itemValue="1"/>
                                                    <f:selectItem itemLabel="Urgente" itemValue="2"/>
                                                    <f:selectItem itemLabel="Extra Urgente" itemValue="3"/>
                                                </ice:selectOneRadio>
                                                <ice:selectInputDate id="selectInputDate4" renderAsPopup="true" rendered="#{Page2.fechaVisible}"
                                                    style="height: 22px; left: 432px; top: 288px; position: absolute; width: 190px" value="#{Page2.oficioExterno.fecha_prioridad}"/>
                                            </ice:panelLayout>
                                        </ice:panelGrid>
                                    </f:facet>
                                </ice:panelPopup>
                                <ice:panelPopup autoCentre="true" draggable="true" id="panelPopup4" modal="true" rendered="#{Page2.panelNuevoOficioInterno}" style="background-color: rgb(221, 221, 221); height: 526px; visibility: hidden; width: 622px">
                                    <f:facet name="header">
                                        <ice:panelGrid id="panelGrid7" style="display: block; height: 20px" width="624">
                                            <ice:outputText id="outputText17" value="Enviar Oficio Interno"/>
                                            <ice:commandButton action="#{Page2.button13_action}" id="button13" image="/images/icons/close.png" style="height: 15px; left: 600px; top: 3; position: absolute; width: 15px"/>
                                        </ice:panelGrid>
                                    </f:facet>
                                    <f:facet name="body">
                                        <ice:panelGrid id="panelGrid8" style="display:block;width:100%;height:95%;">
                                            <ice:panelLayout id="panelLayout3" layout="flow" style="font-size: 11px; height: 143px; width: 500px; -rave-layout: grid">
                                                <ice:inputTextarea id="inputTextarea3"
                                                    style="height: 72px; left: -2px; top: 310px; position: absolute; width: 600px" value="#{Page2.oficioExterno.descripcion}"/>
                                                <ice:outputLabel id="outputLabel34" style="left: 216px; top: 216px; position: absolute" value="Dirección"/>
                                                <ice:outputLabel id="outputLabel37" style="left: 432px; top: 216px; position: absolute" value="Oficina"/>
                                                <ice:outputLabel id="outputLabel35" style="left: 0px; top: 288px; position: absolute; width: 94px" value="Descripción"/>
                                                <ice:commandButton action="#{Page2.button14_action}" id="button14" image="/images/icons/red-save.png"
                                                    style="height: 72px; left: 192px; top: 408px; position: absolute; width: 72px" value="submit"/>
                                                <ice:commandButton action="#{Page2.button16_action}" id="button16" image="/images/icons/cancelar.png"
                                                    style="height: 72px; left: 336px; top: 408px; position: absolute; width: 72px" value="submit"/>
                                                <ice:outputLabel id="outputLabel36"
                                                    style="height: 18px; left: 432px; top: 48px; position: absolute; width: 166px" value="#{Page2.fechastr}"/>
                                                <ice:selectOneMenu id="selectOneMenu8" partialSubmit="true"
                                                    style="left: -2px; top: 238px; position: absolute; width: 168px" value="#{Page2.area}" valueChangeListener="#{Page2.selectOneMenu8_processValueChange}">
                                                    <f:selectItems id="selectOneMenu8selectItems" value="#{Page2.selectOneMenu8DefaultItems}"/>
                                                </ice:selectOneMenu>
                                                <ice:selectOneMenu id="selectOneMenu9" partialSubmit="true"
                                                    style="left: 214px; top: 238px; position: absolute; width: 168px" value="#{Page2.unaDireccion.idDireccion}" valueChangeListener="#{Page2.selectOneMenu9_processValueChange}">
                                                    <f:selectItems id="selectOneMenu9selectItems" value="#{Page2.selectOneMenu9DefaultItems}"/>
                                                </ice:selectOneMenu>
                                                <ice:selectOneMenu id="selectOneMenu10" style="left: 430px; top: 238px; position: absolute; width: 168px" value="#{Page2.unaOficina.idOficina}">
                                                    <f:selectItems id="selectOneMenu10selectItems" value="#{Page2.selectOneMenu10DefaultItems}"/>
                                                </ice:selectOneMenu>
                                                <ice:outputLabel id="outputLabel25" style="left: 0px; top: 24px; position: absolute" value="Numero de oficio"/>
                                                <ice:outputLabel id="outputLabel26" style="left: 72px; top: 48px; position: absolute; width: 70px" value="#{Page2.complementoOficio}"/>
                                                <ice:outputLabel id="outputLabel27"
                                                    style="height: 18px; left: 432px; top: 24px; position: absolute; width: 166px" value="Fecha de captura"/>
                                                <ice:outputLabel id="outputLabel28" style="left: 0px; top: 72px; position: absolute; width: 192px" value="Asunto"/>
                                                <ice:selectOneMenu id="selectOneMenu7" style="left: -2px; top: 94px; position: absolute; width: 360px" value="#{Page2.unAsunto.idAsunto}">
                                                    <f:selectItems id="selectOneMenu7selectItems" value="#{Page2.selectOneMenu7DefaultItems}"/>
                                                </ice:selectOneMenu>
                                                <ice:inputText id="inputText7" style="left: -2px; top: 46px; position: absolute; width: 72px" value="#{Page2.oficioExterno.noOficio}"/>
                                                <ice:outputLabel id="outputLabel29"
                                                    style="font-weight: bold; left: 0px; top: 0px; position: absolute; text-align: center; width: 598px" value=" DATOS GENERALES"/>
                                                <ice:outputLabel id="outputLabel30"
                                                    style="font-weight: bold; left: 0px; top: 144px; position: absolute; text-align: center; width: 598px" value="DATOS DE ENVIO"/>
                                                <ice:outputLabel id="outputLabel31" style="left: 0px; top: 168px; position: absolute; width: 168px" value="Nombre Destinatario"/>
                                                <ice:inputText id="inputText8" style="left: -2px; top: 190px; position: absolute; width: 264px" value="#{Page2.oficioExterno.nombre}"/>
                                                <ice:outputLabel id="outputLabel32" style="left: 312px; top: 168px; position: absolute" value="Cargo"/>
                                                <ice:inputText id="inputText9" style="left: 310px; top: 190px; position: absolute; width: 288px" value="#{Page2.oficioExterno.cargo}"/>
                                                <ice:outputLabel id="outputLabel33" style="left: 0px; top: 216px; position: absolute" value="Area"/>
                                                <ice:selectOneRadio id="selectOneRadio3" partialSubmit="true" required="true"
                                                    style="left: 192px; top: 288px; position: absolute; width: 216px"
                                                    value="#{Page2.selectOneRadio3Bean.selectedObject}" valueChangeListener="#{Page2.selectOneRadio3_processValueChange}">
                                                    <f:selectItem itemLabel="Normal" itemValue="1"/>
                                                    <f:selectItem itemLabel="Urgente" itemValue="2"/>
                                                    <f:selectItem itemLabel="Extra Urgente" itemValue="3"/>
                                                </ice:selectOneRadio>
                                                <ice:selectInputDate id="selectInputDate3" renderAsPopup="true" rendered="#{Page2.fechaVisible}"
                                                    style="height: 22px; left: 432px; top: 288px; position: absolute; width: 238px" value="#{Page2.oficioExterno.fecha_prioridad}"/>
                                            </ice:panelLayout>
                                        </ice:panelGrid>
                                    </f:facet>
                                </ice:panelPopup>
                                <ice:panelPopup autoCentre="true" draggable="true" id="panelPopup6" modal="true" rendered="#{Page2.panelNuevoOficioInternoAqui}" style="background-color: rgb(221, 221, 221); height: 526px; visibility: hidden; width: 622px">
                                    <f:facet name="header">
                                        <ice:panelGrid id="panelGrid11" style="display: block; height: 20px" width="624">
                                            <ice:outputText id="outputText7" value="Recibir Oficio Interno"/>
                                            <ice:commandButton action="#{Page2.button10_action}" id="button10" image="/images/icons/close.png" style="height: 15px; left: 600px; top: 3; position: absolute; width: 15px"/>
                                        </ice:panelGrid>
                                    </f:facet>
                                    <f:facet name="body">
                                        <ice:panelGrid id="panelGrid12" style="display:block;width:100%;height:95%;">
                                            <ice:panelLayout id="panelLayout6" layout="flow" style="font-size: 11px; height: 143px; width: 500px; -rave-layout: grid">
                                                <ice:inputText id="inputText10" style="left: -2px; top: 46px; position: absolute; width: 72px" value="#{Page2.oficioExterno.noOficio}"/>
                                                <ice:outputLabel id="outputLabel46"
                                                    style="font-weight: bold; left: 0px; top: 0px; position: absolute; text-align: center; width: 598px" value=" DATOS GENERALES"/>
                                                <ice:outputLabel id="outputLabel47"
                                                    style="font-weight: bold; left: 0px; top: 144px; position: absolute; text-align: center; width: 598px" value="DATOS DE PROCEDENCIA"/>
                                                <ice:outputLabel id="outputLabel48" style="left: 0px; top: 168px; position: absolute; width: 168px" value="Nombre Remitente"/>
                                                <ice:inputText id="inputText11" style="left: -2px; top: 190px; position: absolute; width: 264px" value="#{Page2.oficioExterno.nombre}"/>
                                                <ice:outputLabel id="outputLabel45" style="left: 0px; top: 72px; position: absolute; width: 192px" value="Asunto"/>
                                                <ice:outputLabel id="outputLabel49" style="left: 312px; top: 168px; position: absolute" value="Cargo"/>
                                                <ice:inputText id="inputText12" style="left: 310px; top: 190px; position: absolute; width: 288px" value="#{Page2.oficioExterno.cargo}"/>
                                                <ice:inputTextarea id="inputTextarea4"
                                                    style="height: 72px; left: -2px; top: 310px; position: absolute; width: 600px" value="#{Page2.oficioExterno.descripcion}"/>
                                                <ice:outputLabel id="outputLabel38" style="left: 216px; top: 216px; position: absolute" value="Dirección"/>
                                                <ice:outputLabel id="outputLabel39" style="left: 432px; top: 216px; position: absolute" value="Oficina"/>
                                                <ice:outputLabel id="outputLabel40" style="left: 0px; top: 288px; position: absolute; width: 94px" value="Descripción"/>
                                                <ice:commandButton action="#{Page2.button15_action}" id="button15" image="/images/icons/red-save.png"
                                                    style="height: 72px; left: 192px; top: 408px; position: absolute; width: 72px" value="submit"/>
                                                <ice:commandButton action="#{Page2.button20_action}" id="button20" image="/images/icons/cancelar.png"
                                                    style="height: 72px; left: 336px; top: 408px; position: absolute; width: 72px" value="submit"/>
                                                <ice:outputLabel id="outputLabel41"
                                                    style="height: 18px; left: 432px; top: 48px; position: absolute; width: 166px" value="#{Page2.fechastr}"/>
                                                <ice:outputLabel id="outputLabel42" style="left: 0px; top: 24px; position: absolute" value="Numero de oficio"/>
                                                <ice:outputLabel id="outputLabel43" style="left: 72px; top: 48px; position: absolute; width: 70px" value="#{Page2.complementoOficio}"/>
                                                <ice:outputLabel id="outputLabel44"
                                                    style="height: 18px; left: 432px; top: 24px; position: absolute; width: 166px" value="Fecha de captura"/>
                                                <ice:selectOneMenu id="selectOneMenu11" partialSubmit="true"
                                                    style="left: -2px; top: 238px; position: absolute; width: 168px" value="#{Page2.area}" valueChangeListener="#{Page2.selectOneMenu11_processValueChange}">
                                                    <f:selectItems id="selectOneMenu8selectItems1" value="#{Page2.selectOneMenu11DefaultItems}"/>
                                                </ice:selectOneMenu>
                                                <ice:selectOneMenu id="selectOneMenu12" partialSubmit="true"
                                                    style="left: 214px; top: 238px; position: absolute; width: 168px" value="#{Page2.unaDireccion.idDireccion}" valueChangeListener="#{Page2.selectOneMenu12_processValueChange}">
                                                    <f:selectItems id="selectOneMenu9selectItems1" value="#{Page2.selectOneMenu12DefaultItems}"/>
                                                </ice:selectOneMenu>
                                                <ice:selectOneMenu id="selectOneMenu13" style="left: 430px; top: 238px; position: absolute; width: 168px" value="#{Page2.unaOficina.idOficina}">
                                                    <f:selectItems id="selectOneMenu10selectItems1" value="#{Page2.selectOneMenu13DefaultItems}"/>
                                                </ice:selectOneMenu>
                                                <ice:selectOneRadio id="selectOneRadio4" partialSubmit="true" required="true"
                                                    style="left: 192px; top: 288px; position: absolute; width: 240px"
                                                    value="#{Page2.selectOneRadio4Bean.selectedObject}" valueChangeListener="#{Page2.selectOneRadio4_processValueChange}">
                                                    <f:selectItem itemLabel="Normal" itemValue="1"/>
                                                    <f:selectItem itemLabel="Urgente" itemValue="2"/>
                                                    <f:selectItem itemLabel="Extra Urgente" itemValue="3"/>
                                                </ice:selectOneRadio>
                                                <ice:outputLabel id="outputLabel50" style="left: 0px; top: 216px; position: absolute" value="Area"/>
                                                <ice:selectOneMenu id="selectOneMenu14" style="left: -2px; top: 94px; position: absolute; width: 360px" value="#{Page2.unAsunto.idAsunto}">
                                                    <f:selectItems id="selectOneMenu14selectItems" value="#{Page2.selectOneMenu14DefaultItems}"/>
                                                </ice:selectOneMenu>
                                                <ice:selectInputDate id="selectInputDate1" renderAsPopup="true" rendered="#{Page2.fechaVisible}"
                                                    style="height: 22px; left: 432px; top: 288px; position: absolute; width: 238px" value="#{Page2.oficioExterno.fecha_prioridad}"/>
                                            </ice:panelLayout>
                                        </ice:panelGrid>
                                    </f:facet>
                                </ice:panelPopup>
                            </ice:form>
                        </td>
                    </tr>
                </table>
                <table align="center">
                    <tr>
                        <td></td>
                    </tr>
                </table>
                <table align="center" class="pie" style="background:url('./images/fondie.png')">
                    <tr>
                        <td align="center">
                            <p>© 2012 - 2015 Dirección de Planeación Informática y Estadística</p>
                        </td>
                    </tr>
                </table>
                <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
                <script src="./resources/jquery.easing.1.3.js" type="text/javascript"></script>
                <script src="./resources/js/jquery-1.10.2.js" type="text/javascript"></script>
                <script src="./resources/js/jquery-ui-1.10.4.custom.js" type="text/javascript"></script>
                <link href="./resources/css/oficiosTheme/jquery-ui-1.10.4.custom.css" rel="stylesheet"/>
                <script type="text/javascript">
                        $(function() {
                            $('#sdt_menu &gt; li').bind('mouseenter',function(){
                                var $elem = $(this);
                                $elem.find('img')
                                     .stop(true)
                                     .animate({
                                        'width':'90px',
                                        'height':'90px',
                                        'left':'40px'
                                     },400,'easeOutBack')
                                     .andSelf()
                                     .find('.sdt_wrap')
                                     .stop(true)
                                     .animate({'top':'100px'},500,'easeOutBack')
                                     .andSelf()
                                     .find('.sdt_active')
                                     .stop(true)
                                     .animate({'height':'70px'},300,function(){
                                    var $sub_menu = $elem.find('.sdt_box');
                                    if($sub_menu.length){
                                        var left = '170px';
                                        if($elem.parent().children().length == $elem.index()+1)
                                            left = '-170px';
                                        $sub_menu.show().animate({'left':left},200);
                                    }
                                });
                            }).bind('mouseleave',function(){
                                var $elem = $(this);
                                var $sub_menu = $elem.find('.sdt_box');
                                if($sub_menu.length)
                                    $sub_menu.hide().css('left','0px');

                                $elem.find('.sdt_active')
                                     .stop(true)
                                     .animate({'height':'0px'},300)
                                     .andSelf().find('img')
                                     .stop(true)
                                     .animate({
                                        'width':'0px',
                                        'height':'0px',
                                        'left':'85px'},400)
                                     .andSelf()
                                     .find('.sdt_wrap')
                                     .stop(true)
                                     .animate({'top':'25px'},500);
                            });
                        });
                        function AbrirFormularioOficioExterno() {
                            document.getElementById("form1:button6").click();
                            f5();
                        }
                        function AbrirFormularioInternoAqui() {
                            document.getElementById("form1:button21").click();
                            f5();
                        }
                        
                        
                        function AbrirFormularioDependenciaForanea() {
                            document.getElementById("form1:button7").click();
                            f5();
                        }
                        function AbrirFormularioOficioInterno() {
                            document.getElementById("form1:button12").click();
                            f5();
                        }
                        function cerrarSesion() {
                            document.getElementById("form1:button3").click();
                        }
                        function f5() {
                            history.go(0);
                        }
                        $(function() {
                            $( "#datepicker" ).datepicker();
                        });
                        $(function() {
                            $( "#tabs" ).tabs();
                        });
                        $(function() {
                            $( "#radio" ).buttonset();
                        });

                        function fullEntrada(){
                            document.getElementById("form1:button17").click();
                        }
                        function fullSalida(){
                            document.getElementById("form1:button18").click();
                        }

                        function habilitarExternos(){
                            document.getElementById("sdt_menu").style.display = 'block';
                            document.getElementById("form2").style.display = 'block';
                            document.getElementById("menuInternos").style.display = 'none';
                            document.getElementById("sdt_menu2").style.display = 'none';
                        }

                        function habilitarInternos(){
                            document.getElementById("sdt_menu").style.display = 'none';
                            document.getElementById("form2").style.display = 'none';
                            document.getElementById("menuInternos").style.display = 'block';
                            document.getElementById("sdt_menu2").style.display = 'block';
                        }

                        $(function() {
                            $( ".iceInpTxt0" ).autocomplete({
                                source: availableTags
                            });
                        });

                        $(function() {
                            $( "input[type=submit], a, button" )
                                .button()
                                .click(function( event ) {
                                event.preventDefault();
                            });
                        });
              </script>
                <ice:form id="form1" style="left: 0px; top: 0px; position: absolute">
                    <ice:commandButton action="#{Page2.button6_action}" id="button6" image="/images/icons/pixel.png" style="left: 288px; top: 984px; position: absolute"/>
                    <ice:commandButton action="#{Page2.button7_action}" id="button7" image="/images/icons/pixel.png" style="left: 408px; top: 984px; position: absolute"/>
                    <ice:commandButton action="#{Page2.button12_action}" id="button12" image="/images/icons/pixel.png" style="left: 528px; top: 984px; position: absolute"/>
                    <ice:commandButton action="#{Page2.button17_action}" id="button17" image="/images/icons/pixel.png" style="left: 888px; top: 984px; position: absolute"/>
                    <ice:commandButton action="#{Page2.button18_action}" id="button18" image="/images/icons/pixel.png" style="left: 1008px; top: 984px; position: absolute"/>
                    <ice:commandButton action="#{Page2.button3_action}" id="button3" image="/images/icons/pixel.png" style="left: 1128px; top: 984px; position: absolute"/>
                    <ice:commandButton action="#{Page2.button21_action}" id="button21" image="/images/icons/pixel.png" style="left: 648px; top: 984px; position: absolute"/>
                </ice:form>
                <div class="centrar" id="centrar" style="left: 0px; top: 0px; position: absolute"></div>
            </body>
        </html>
    </f:view>
</jsp:root>
